<div class="blade-content __large-wide ng-scope" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <form name="form" class="form" [formGroup]="formGroup" novalidate>
        <div class="blade-static __bottom">
          <button class="btn" [disabled]="!formGroup.valid" (click)="onCheck()">表达式验证</button>
        </div>

        <div class="column">
          <div id="tagMark" class="clear">
            <div class="form-group" *ngFor="let item of tagMark let i =index">
            <label class="form-label">{{item.tagName}}({{item.tagStateMark}})</label>
            <div class="form-input">
              <input id="tagName" name="tagName" type="text" autocomplete="off" [ngModelOptions]="{standalone: true}" [(ngModel)]="item.value">
            </div>
          </div>
          </div>
          

          <div class="form-group" id="statusName">
            <label class="form-label">状态名称:</label>
            <div class="form-input">
              <input readonly id="statusName" name="statusName" type="text" autocomplete="off" formControlName="statusName">
            </div>
          </div>

          <div class="form-group">
            <label class="form-label">表达式</label>
            <div class="form-input">
              <textarea cols="30" rows="5" id="expr" name="expr" class="form-control" formControlName="expr"></textarea>
            </div>
          </div>

          <div class="form-group result">
            <label class="form-label">结果</label>
            <div class="form-input">
              <input readonly id="result" name="result" type="text" placeholder="" autocomplete="off" formControlName="result" value={{result}}>
            </div>
          </div>

          <div class="form-group">
            <label class="form-label">规则：</label>
            <div class="form-input">
              <textarea cols="80" rows="40" class="form-control" readonly>
注意： 测点的标识在表达式中以@A#的方式出现（例如测点标识A在表达式中以@A#代替,表达式必须以分号结尾，如"@A#==1"） 
1.表达式处理结果会返回一个值 
2.支持五种数据类型：数字、日期、布尔、字符、字符串
3.逻辑操作符：&&、||
4.布尔常量的写法可以是true、TRUE、false、FALSE。
5.表达式一定包括"==",表达式由语句组成，每个语句必须由分号结尾。定义表达式时可包含一个语句或多个语句，解析结果是被执行的最后一个语句的结果。
6.表达式形如：@A#==1,@B#==2,@H#==8; 这样的形式。
</textarea>
            </div>
          </div>



        </div>

      </form>
    </div>
  </div>
</div>
